/**
 * 这是一个简化版rem适配文件
 * 用来使页面内容的大小自动适应根目录（html)的大小
 */

;
//;表示上面的代码不要影响下面的代码

(function(win){
    var doc= win.document;
    var docEl = doc.documentElement;

    var _t;

    // console.log(doc);//返回document对象
    // console.log(docEl);//返回是整个网页

    function refreshRemFn(){
        //获得指定对象的宽度
        var _width = docEl.getBoundingClientRect().width;
        //console.log(_width)

        //超过640px时，字体不再适应屏幕，所以此时没有适配
        if(_width >640 ){
            width= 640;
        }

        //我们设定1rem = 100px;这个一般由设计师给出，这句话描述的不准确
        //rem与根元素的font-size是成比例的，
        //根元素的font-size与屏幕宽度成比例
        //所以rem与屏幕宽度成比例
        //这里首先要确定
        var _rem = _width /6.4; 
        docEl.style.fontSize = _rem +'px';
    }

    //事件监听，当页面缩放的时候
    win.addEventListener('resize',function(){
        //凡是定时器，开始的时候要重置
        clearTimeout(_t);
        //下面是一个定时器
        _t=setTimeout(refreshRemFn,300);
        // console.log('xx')
    },false)

    //页面一打开就运行
    refreshRemFn();
})(window)
